<script type="text/javascript">
function doDelete(orderID)
{
	var url = "?page=cart&sub=doDelete&orderID=" + orderID ;
	var ack = confirm('Are you Sure ?');
	if(ack == true)
	{
		window.location = url;
	}
}

</script>
<div id="content">



<!-- RIGHT START -->
<div id="right_cart">

<div id="cart_container">
<h1>Your Cart</h1>
<table width="890" cellpadding="0" cellspacing="0">
<!--loop will be here-->
<?php foreach($arrOrdersInfo as $orderInfo): ?>
<tr>
<td width="83"><img src="images/products/<?= $orderInfo['imageName']; ?>" /></td>
<td width="521" valign="middle"><p><a href="item_detail.html"><?= $orderInfo['productName']; ?></a></p></td>
<td width="109"><h2>Price</h2><p>$<?= $orderInfo['productPrice']; ?></p></td>
<?php $grandTotal += $orderInfo['productPrice']; ?>
<td width="82"><h2>Remove</h2><p><a href="javascript: doDelete(<?= $orderInfo['orderID'] ?>)">Remove</a></p></td>
</tr>
<?php endforeach; ?>

<td width="83"></td>
<td width="521" align="center"><strong>Grand Total</strong></td>
<td width="109"><h2>$<?= $grandTotal; ?></h2></td>
<td width="82"></td>
	
</table><br />

<table width="890" border="0">
<form action="?page=ship&sub=calculate" method="post">
  <tr>
    <td width="365" valign="middle">Select Shipping Option</td>
    <td width="515">
    <select name="service">
    <option>Select Service</option>
    <?php
	foreach($fedexService as $service):
		echo '<option>'.$service.'</option>';
	endforeach;
	?>
    </select>
    $0.0
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" class="shopping" value="Calculate" /></td>
  </tr>
  </form>
</table>

<a href="?page=products"><button class="shopping">Keep Shopping</button></a>
<!--<input type="button" value="Checkout" class="checkout" />-->
<a href="?page=shipping"><button class="ship-next">Next: Shipping</button></a>


</div>

</div>
<!-- Just to increase height automatically --><div id="height_increaser"></div>

</div>